<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style>

</style>


<!--<template>-->
<!--  <div id="app">-->
<!--    <el-container >-->
<!--      <el-header style="height: 100px">-->
<!--        <div style="position: relative ;top: 20px">-->
<!--          <img src="@/assets/logo.png" alt="" style="width: 40pX; position: relative; top: 10pX; ">-->
<!--          <span style="font-family: 'Helvetica Neu',Arial,sans-serif;font-size: 35px; margin-left: 15px; ">疾病-基因预测系统</span>-->
<!--        </div>-->
<!--      </el-header>-->
<!--      <el-header style="background-color: #40b783">-->
<!--        <ul class="top">-->
<!--&lt;!&ndash;          <li>&ndash;&gt;-->
<!--&lt;!&ndash;            <a href="#">GoPIA</a>&ndash;&gt;-->
<!--&lt;!&ndash;          </li>&ndash;&gt;-->
<!--&lt;!&ndash;          <li>&ndash;&gt;-->
<!--&lt;!&ndash;            <a href="#">Example</a>&ndash;&gt;-->
<!--&lt;!&ndash;          </li>&ndash;&gt;-->
<!--&lt;!&ndash;          <li>&ndash;&gt;-->
<!--&lt;!&ndash;            <a href="#">API</a>&ndash;&gt;-->
<!--&lt;!&ndash;          </li>&ndash;&gt;-->
<!--          <li>-->
<!--            <a href="#">帮助</a>-->
<!--          </li>-->
<!--          <li>-->
<!--            <a href="#">登录</a>-->
<!--          </li>-->
<!--          <li>-->
<!--            <a href="#">注册</a>-->
<!--          </li>-->
<!--          <li>-->
<!--            <a href="#">关于我们</a>-->
<!--          </li>-->
<!--        </ul>-->
<!--      </el-header>-->
<!--      <el-container>-->
<!--      <el-aside style="overflow: hidden; min-height: 78vh; background-color: #f3f3f4; width: 250pX">-->
<!--        <el-menu :default-active="$route.path" router-->
<!--            default-active="2"-->
<!--            class="el-menu-vertical-demo"-->
<!--            style="background-color: #f1f1f3">-->
<!--          <el-menu-item index="/">-->
<!--            <i class="el-icon-menu"></i>-->
<!--            <span slot="title">系统首页</span>-->
<!--          </el-menu-item>-->
<!--          <el-submenu index="2" >-->
<!--            <template slot="title">-->
<!--              <i class="el-icon-location"></i>-->
<!--              <span>常见疾病介绍</span>-->
<!--            </template>-->
<!--            <el-menu-item-group >-->
<!--              <el-menu-item index="/di_intro">心血管病</el-menu-item>-->
<!--            </el-menu-item-group>-->
<!--          </el-submenu>-->
<!--          <el-menu-item index="/about">-->
<!--          <i class="el-icon-menu"></i>-->
<!--          <span slot="title">疾病信息库</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="/prediction">-->
<!--            <i class="el-icon-menu"></i>-->
<!--            <span slot="title">疾病-基因关联预测</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="/">-->
<!--            <i class="el-icon-menu"></i>-->
<!--            <span slot="title">用户留言</span>-->
<!--          </el-menu-item>-->

<!--        </el-menu>-->
<!--      </el-aside>-->
<!--      <el-main >-->
<!--        <router-view/>-->
<!--      </el-main>-->
<!--    </el-container>-->
<!--    </el-container>-->
<!--  </div>-->
<!--</template>-->

<!--<style>-->
<!--.el-menu{-->
<!--  border-right: none !important;-->
<!--}-->
<!--.top{-->
<!--  float: right;-->
<!--}-->
<!--.top li{-->
<!--  float: left;-->
<!--  list-style-type: none;-->
<!--  margin: 0 40px;-->
<!--}-->
<!--.top li a{-->
<!--  color: #ddd;-->
<!--  text-decoration: none;-->
<!--}-->
<!--.top li a:hover{-->
<!--  color: greenyellow;-->
<!--}-->
<!--</style>-->